<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/templates/common/taglib.jsp"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>${title}</title>
<link rel="stylesheet"
	href="${basePath}/static/bootstrap/css/bootstrap.css" />
<link href="${basePath}/static/css/basic.css" rel="stylesheet"
	type="text/css">
<link href="${basePath}/static/css/login.css" rel="stylesheet"
	type="text/css">
<link href="${basePath}/static/css/list.css" rel="stylesheet"
	type="text/css">
<script type="text/javascript" src="${basePath}/static/js/jquery.min.js"></script>
<script type="text/javascript"
	src="${basePath}/static/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript"
	src="${basePath}/static/page/jqPaginator/jqPaginator.js"></script>
<script type="text/javascript" src="${basePath}/static/layer/layer.js"></script>
<link href="${basePath}/static/layer/layer_defined.css" rel="stylesheet"
	type="text/css">
<style>
.check_cl {
	width: 15px;
}
</style>
</head>
<body>
	<!--头部-->
	<%@include file="/WEB-INF/templates/common/header.jsp"%>
	<!------导航条-->
	<%@include file="/WEB-INF/templates/common/navigation.jsp"%>

	<!--内容部分-->
	<div class="list_main lay_out" class="clearfix">
		<div class="list_DH">
			<%@include file="/WEB-INF/templates/common/indexPageAudit.jsp"%>
		</div>
		<div class="list_NR">
			<div class="loc">
				<h3 style="margin: 0">数据自动质控</h3>
			</div>
			<div class="list_con_table">
				<div class="search_table">
					<ul class="clearfix" style="margin-bottom: 0;">
						<li class="Label_1" style="width:12%">ID号：&nbsp;</li>
						<li class="Label_2"><input class="input_box" type="text"
							name='mrId' id='mrId' value='' /></li>
						<li class="Label_1" style="width:12%">姓名：&nbsp;</li>
						<li class="Label_2"><input class="input_box" type="text"
							name='name' id='name' value='' /></li>
						<li class="Label_1" style="width:12%">身份证：&nbsp;</li>
						<li class="Label_2" style="width:24%"><input class="input_box" type="text" 
							name='idCard' id='idCard' value='' /></li>
						<li class="Label_1" style="width:12%">病案号：&nbsp;</li>
						<li class="Label_2"><input class="input_box" type="text" value='' id="onlyId">
					    <li class="Label_1" style="width: 12%">出院科室：&nbsp;</li>
						<li class="Label_2">
							<select class="input_box" id="outHospitalOfficeId">
								<option value="">请选择</option>
								<c:forEach var="office" items="${officeList }">
									
									<c:choose>
									<c:when test="${medicalRecordVo.officeId == office.code }">
										<option selected="selected" value="${office.code }">${office.name}</option>
									</c:when>
									<c:otherwise>
										<option value="${office.code }">${office.name}</option>
									</c:otherwise>
								</c:choose>
								</c:forEach>

						</select>
						</li>
						<li class="Label_1" style="width:12%">出院日期：&nbsp;</li>
						<li class="Label_4" style="width:24%;text-align:center;"><input
							class="input_box" type="text" style="width:42%"
							name='startTime' id='outHospitalStartDate'  value="${startTime}" 
							onFocus="WdatePicker()" /><span>&nbsp;-&nbsp;</span><input
							class="input_box" type="text" style="width:42%"
							name='endTime' id='outHospitalEndDate'  value="${endTime}" 
							onFocus="WdatePicker()" />
						</li>	
						<li class="Label_5"><a onclick="init(1,10)">查询</a> <!--  <a href="javascript:exportMainAuditToExcel()">导出</a> -->
						</li>
					</ul>
				</div>
				<table class="Search_tableList" cellpadding="0" cellspacing="0">
					<tr>
						<td class="tdLabel_4">ID号</td>
						<td class="tdLabel_4">姓名</td>
						<td class="tdLabel_4">身份证号</td>
						<td class="tdLabel_4">出院科室</td>

						<td class="tdLabel_4">出院时间</td>
						<td class="tdLabel_4">离院方式</td>
                        <td class="tdLabel_4">操作</td>
					</tr>
					<tr id="loading" style="height:50px;display:none">
	                 <td colspan="6" align="center" ><img src="${basePath}/static/layer/skin/default/loading-2.gif"></td>
	                </tr>
					<tbody id="tbody">
						
					</tbody>
				</table>
			</div>
			<div class="pageList">
				<ul class="pagination clearfix" id="page_plus"></ul>
				<div class="pagination">
					<div>
						总共：<b id="totalPage">0</b> 条信息 当前页是第 <b id="currentPage">0/0</b> 页
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<!------页脚部分--------->
	<%@include file="/WEB-INF/templates/common/footer.jsp"%>


	<script>
	 function init(pageNo,pageSize){
	    	var  name=$("#name").val();
	    	var  idCard=$("#idCard").val();
	    	var  outHospitalStartDate=$("#outHospitalStartDate").val();
	    	var  outHospitalEndDate=$("#outHospitalEndDate").val();
	    	var  mrId=$("#mrId").val();
	    	var  onlyId=$("#onlyId").val();
	    	var  outHospitalOfficeId=$("#outHospitalOfficeId").val();
			
			
			//alert(outHospitalTypeIds);
			
			jQuery.support.cors = true;
	    	$.ajax({
	    		type:'get',
	    		url:"${corePath}/statis/firstQualityEvaluationPageAjax",
	    		data:{name:name,idCard:idCard,outHospitalStartDate:outHospitalStartDate,outHospitalEndDate:outHospitalEndDate,mrId:mrId,outHospitalOfficeId:outHospitalOfficeId,
	    			currentPage:pageNo,pageSize:pageSize
	    			 },
	    		beforeSend:function(){
	 				$("#tbody").html("");
	 				$("#loading").show();
	 			},
	 			//dataType:'jsonp',
	    		success:function(data){
	    			    console.log(data);
	    			    $("#loading").hide();
	    			    if(data.success){
	    				var hospitalNotes=data.data.hospitalNotesJson;
	    				var len=hospitalNotes.length;
	    				if(len>0){
	    					var totalCounts=data.data.medRecordQuery.totalCounts;
	    					
	    					page(pageNo,totalCounts);
	    					var html='';
	        				for(var i=0;i<len;i++){
	        					var obj=hospitalNotes[i];
	        					html+="<tr data-guid="+obj.firstGuid+">"+
	    	    	                  "  <td class='tdLabel_5'>"+(obj.mr_id==undefined?'':obj.mr_id)+"</td>"+
	    	    	                  "  <td class='tdLabel_5'>"+(obj.patient_name==undefined?'':obj.patient_name)+"</td>"+
	    	    	                  "  <td class='tdLabel_5'>"+(obj.id_number==undefined?'':obj.id_number)+"</td>"+
	    	    	                  "  <td class='tdLabel_5'>"+(obj.office_name==undefined?'':obj.office_name)+"</td>"+
	    	    	                  "  <td class='tdLabel_5'>"+(obj.out_hospital_date==undefined?'':obj.out_hospital_date)+"</td>"+
	    	    	                  "  <td class='tdLabel_5'>"+(obj.out_hospital_type_name==undefined?'':obj.out_hospital_type_name)+"</td>"+
	    	    	                  "  <td class='tdLabel_5'><a class='int' onclick='searchScan(this)'>查看</a>"+
	    	    	                  "   &nbsp</td>"+
	    	    	                  "</tr>";
	        					
	        				}
	        				$("#tbody").html("").html(html);
	    				}else{
	    					layer.alert('查询数据为空!', {icon: 5});
	    				    $("#tbody").html("");
	                        $("#currentPage").html("0/0");
	    					$("#totalPage").html("0");
	    					$("#page_plus").html("");
	    				}

	    			}else{
	    				layer.alert(data.msg, {icon: 5});
					    $("#tbody").html("");
	                    $("#currentPage").html("0/0");
						$("#totalPage").html("0");
						$("#page_plus").html(""); 
	    			} 
	    		}
	    	})
	    }
	    
	  function page(currentPage,totalCounts){
	    	
	        var pageSize = 10;
	        var visiblePages = 5;
	        var totalPages = Math.ceil(totalCounts/pageSize);
	        $('#page_plus').jqPaginator({

	            totalCounts: totalCounts,
	            pageSize:pageSize,
	            visiblePages: visiblePages,
	            currentPage: currentPage,

	            first:'<li class="first"><a href="javascript:void(0);">首页</a></li>',
	            prev: '<li class="prev"><a href="javascript:void(0);">上一页</a></li>',
	            next: '<li class="next"><a href="javascript:void(0);">下一页</a></li>',
	            last: '<li class="last"><a href="javascript:void(0);">末页</a></li>',
	            page: '<li class="page"><a href="javascript:void(0);">{{page}}</a></li>',
	            onPageChange: function (num,type) {
	            	 
	            	 if(type !='init'){
	                 
	            		 init(num,pageSize);
	                 }
	            	
	                $("#totalPage").html(totalCounts);
	                $("#currentPage").html(num+"/"+totalPages);
	            }
	        });

	    }	

      //查看事件
      function searchScan(obj){
		 var target=$(obj);
		 var guid=target.closest("tr").attr("data-guid");
		// window.open('${corePath}/medical_record/searchHomePageIndexForm?visitGuid='+guid);
		 window.open('${corePath}/medical_record/searchHomePageIndexForm?visitGuid='+guid);
	 }


	</script>
</body>
</html>